/* eslint-disable */
import React from 'react'
import Header from '@/components/Header/index'
import { Card, Tabs } from 'antd'
import  './index.scss'
import ArticleList from './components/articleList'

interface IProps{
  history?: any;
}
interface IState{}
const { TabPane } = Tabs
class Index extends React.Component<IProps,IState> {
    tabChange: ((activeKey: string) => void) | undefined
    constructor(props) {
        super(props)
        this.state={
          
        }
    }
    componentDidMount(){
    
    }
    toInfo=()=>{
      this.props.history.push('/profile/info')
    }

    render() {
        return (
            <div >
                <Header></Header>
                <div className='profile-content'>
                  <div className='profile-head-box'>
                    <Card className='profile-head-card'>
                     
                      <div></div>
                      <div>
                         <span className='edit-profile-info' onClick={this.toInfo}>编辑个人资料</span>
                      </div>
                     
                    </Card>
                  </div>
                <Tabs defaultActiveKey="1" onChange={this.tabChange}>
                    <TabPane tab="文章" key="1">
                       <ArticleList />
                    </TabPane>
                    <TabPane tab="动态" key="2">
                    <ArticleList />
                    </TabPane>
                    <TabPane tab="关注" key="3">
                    <ArticleList />
                    </TabPane>
                    <TabPane tab="粉丝" key="4">
                    <ArticleList />
                    </TabPane>
                </Tabs>
                </div>
                
            </div>
        )
    }
}
export default Index